<template>
    <div>
      <el-carousel  type="card" style="margin-top: 80px">

        <el-carousel-item v-for="item in imgs" :key="item">
          <el-image
            style="width: 100%;height: 100%"
            :src="item"
            fit="fill"
          ></el-image>
        </el-carousel-item>
      </el-carousel>
    </div>
</template>

<script>
  import homeImg1 from "../assets/indexImgs/a.jpg"
  import homeImg2 from "../assets/indexImgs/b.jpg"
  import homeImg3 from "../assets/indexImgs/c.jpg"
  import homeImg4 from "../assets/indexImgs/d.jpg"

    export default {
        name: "Index",
      data() {
          return {
            imgs: [homeImg1, homeImg2, homeImg3, homeImg4]
          }
      }
    }
</script>

<style scoped>

</style>
